<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>邳州不动产登记微服务</title>
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<meta content="telephone=no" name="format-detection"/>

<!--css-->
<link rel="stylesheet" href="../css/ydui.css?rev=@@hash"/>
<link rel="stylesheet" href="../css/demo.css"/>
<link rel="stylesheet" href="../css/jquery.step.css"/>
<link rel="stylesheet" href="../css/style.css"/>
</head>
<body>
<section class="g-flexview" id="myStep">
  <header class="m-navbar"> <a href="../index.html" class="navbar-item"><i class="back-ico"></i></a>
    <div class="navbar-center"><span class="navbar-title">注册</span></div>
  </header>
  <div class="step-header">
    <ul>
      <li>
        <p>基本资料</p>
      </li>
      <li>
        <p>身份验证</p>
      </li>
      <li>
        <p>完成</p>
      </li>
    </ul>
  </div>
  <section class="g-scrollview">
    <div class="step-content">
      <div class="step-list">
        <div class="m-cell demo-small-pitch">
          <div class="cell-item">
            <div class="cell-left">手机号： </div>
            <div class="cell-right">
              <input type="number" class="cell-input" placeholder="请输入手机号码" autocomplete="off" />
            </div>
          </div>
          <div class="cell-item">
            <div class="cell-left">密码： </div>
            <div class="cell-right">
              <input type="password" class="cell-input" placeholder="请输入密码" autocomplete="off" />
            </div>
          </div>
          <div class="cell-item">
            <div class="cell-left">短信验证码： </div>
            <div class="cell-right">
              <input type="number" pattern="[0-9]*" class="cell-input" placeholder="请输入短信验证码" autocomplete="off" />
              <a href="javascript:;" class="btn btn-warning">获取验证码 </a> </div>
          </div>
        </div>
        <div class="bodyplr">绑定后即表示同意微+服务的<a class="text-green" href="">《使用协议》</a></div>
        <div class="m-button"> <a href="javascript:;" class="btn-block btn-primary nextBtn">下一步</a> <a class="zhuce" href="login.html">已有账号,点此登陆</a> </div>
      </div>
      <div class="step-list">
        <div class="m-cell demo-small-pitch">
          <div class="cell-item">
            <div class="cell-left">姓名：</div>
            <div class="cell-right">
              <input type="text" class="cell-input" placeholder="请输入真实姓名" />
            </div>
          </div>
          <div class="cell-item">
            <div class="cell-left">身份证号： </div>
            <div class="cell-right">
              <input type="text" class="cell-input" placeholder="请输入身份证号码" autocomplete="off" />
            </div>
          </div>
        </div>
        <div class="m-cell demo-small-pitch">
          <div class="cell-item">
            <div class="cell-left">上传身份证：<small>正反面分别上传</small></div>
            <div class="cell-right"> 
             <a href="#" class="btn btn-primary btn-file">添加
              <input type="file"/>
              </a> 
            </div>
          </div>
          <div class="cell-item sfzbox"> <img src="../images/sfzz.png"><img src="../images/sfzf.png"></div>
        </div>
        <div class="m-button m-button-2">
          <div class="btn-item"> <a href="javascript:;" class="btn-block btn-primary preBtn">上一步</a> </div>
          <div class="btn-item"> <a href="javascript:;" class="btn-block btn-primary nextBtn">下一步</a> </div>
        </div>
        <div class="bodyplr"><a class="zhuce" href="login.html">已有账号,点此登陆</a> </div>
      </div>
      <div class="step-list">
        <div>
          <div class="step-success"><img src="../images/success-icon.png" >
            <h4>恭喜您，注册成功！</h4>
            <div class="text-center">欢迎您成为微+服务的用户，现在您可以前往主界面登录以查询进度，或在线申请等业务微服务</div>
          </div>
          <div class="m-button demo-small-pitch"> <a type="button" class="btn-block btn-primary">确定</a> </div>
        </div>
        <div style="display: none;">
          <div class="step-success"><img src="../images/tishi-icon.png" >
            <h4>身份验证失败！</h4>
            <div class="text-center">非常抱歉，身份验证失败，请选择光线充足重新输入和在线拍照，并提交申请</div>
          </div>
          <div class="m-button demo-small-pitch"> <a type="button" class="btn-block btn-primary">重新申请</a> </div>
        </div>
      </div>
    </div>
  </section>
</section>

<!--js--> 
<script src="../js/jquery.min.js"></script> 
<script src="../js/ydui.js"></script> 
<script src="../js/ydui.flexible.js"></script> 
<!--步骤--> 
<script src="../js/jquery.step.js"></script>
</body>
</html>
